<template>
    <div style="margin: 40px;" class="split">
        <Split v-model="split" mode="vertical">
            <div slot="top" class="split-pane">
                <BlueGreen></BlueGreen>
            </div>
            <div slot="bottom" class="split-pane">
                <Gray></Gray>
            </div>
        </Split>
    </div>
</template>

<script>
import BlueGreen from './bluegreen.vue'
import Gray from './gray.vue'
export default {
    name:'public',
    components: {
        BlueGreen,
        Gray
    },
    data () {
        return {
            split: 0.5,
        }
    },
    methods: {
    },
}
</script>
<style scoped>
    .split{
        height: 250px;
        border: 1px solid #dcdee2;
    }
    .split-pane{
        padding: 10px;
    }
</style>